<!DOCTYPE html>
<html>

	<head>
		<title>美食</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="css/component.css" />
		<link rel="stylesheet" type="text/css" href="css/demo.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/index2.css" />
		<link rel="stylesheet" type="text/css" href="demo.css">
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />

		<style type="text/css">
			.aut1 {
				color: #92959d;
				font-size: 28px;
				margin-left: 5px;
				text-align: center;
			}
			
			#footer {
				width: 100%;
				position: absolute;
				bottom: 0;
				color: black;
				background-color: #666;
				border-top: 1px solid #ccc;
				padding: 40px;
				text-align: center;
				color: #eee;
			}
			
			.container {
				margin: 0 auto;
				position: relative;
				overflow: hidden;
			}
			
			.text11 {
				font-size: 15px;
				color: white;
				margin-top: 7px;
			}
			
			h3 {
				color: white;
			}
			
			.team h3,
			.portfolio h3,
			.services h3,
			.contact h3 {
				font-size: 2.5em;
				color: #50e7ff;
				text-align: center;
				position: relative;
				padding-bottom: .5em;
				margin-top: 68px;
			}
		</style>

	</head>

	<body style="background-image: url(img/demo-1-bg.jpg);" style="height: 100px;">

		<!--导航条开始-->
		<div class="top">
			<div class="toplogo"><img src="img/zj.jpg"></div>
			<div class="toppg">湛江美食</div>
			<div class="dhl">
				<ul>
					<<li>
						<a href="index.html">首页</a>
						</li>
						<li>
							<a href="new1.html">介绍</a>
						</li>
						<li>
							<a href="new2.html">特色</a>
						</li>
						<li>
							<a href="adout.html">关于</a>
						</li>
				</ul>
			</div>
		</div>
		<!--导航条结束-->

		<div class="portfolio" id="portfolio">
			<div class="container" style="margin-top: 60px;">
				<h3>美食特色菜</h3>
				<div class="portfolio_grid_w3lss">

					<div class="col-md-4 portfolio_grid_w3ls">
						<div class="view second-effect">
							<a class="zb" rel=" " title="很好吃的哦">
								<img src="img/ms11.jpg" alt="" class="img-responsive" />
								<div class="mask">
									<p>白切鸡</p>
								</div>
							</a>
						</div>
					</div>
					<div class="col-md-4 portfolio_grid_w3ls">
						<div class="view second-effect">
							<a class="zb" rel=" " title="很好吃的哦">
								<img src="img/ms2.jpg" alt="" class="img-responsive" />
								<div class="mask">
									<p>饺子</p>
								</div>
							</a>
						</div>
					</div>

					<div class="col-md-4 portfolio_grid_w3ls">
						<div class="view second-effect">
							<a class="zb" rel=" " title="很好吃的哦">
								<img src="img/ms9.jpg" alt="" class="img-responsive" />
								<div class="mask">
									<p>鱼</p>
								</div>
							</a>
						</div>
					</div>

					<div class="col-md-4 portfolio_grid_w3ls">
						<div class="view second-effect">
							<a class="zb" rel=" " title="很香的哦">
								<img src="img/ms4.jpg" alt="" class="img-responsive" />
								<div class="mask">
									<p>香香菜</p>
								</div>
							</a>
						</div>
					</div>

					<div class="col-md-4 portfolio_grid_w3ls">
						<div class="view second-effect">
							<a class="zb" rel=" " title="很香的哦">
								<img src="img/ms5.jpg" alt="" class="img-responsive" />
								<div class="mask">
									<p>烧饼</p>
								</div>
							</a>
						</div>
					</div>

					<div class="col-md-4 portfolio_grid_w3ls">
						<div class="view second-effect">
							<a class="zb" rel=" " title="很香的哦">
								<img src="img/ms6.jpg" alt="" class="img-responsive" />
								<div class="mask">
									<p>酱油鸡</p>
								</div>
							</a>
						</div>
					</div>

					<div class="col-md-4 portfolio_grid_w3ls">
						<div class="view second-effect">
							<a class="zb" rel=" " title="味道不错的哦">
								<img src="img/ms7.jpg" alt="" class="img-responsive" />
								<div class="mask">
									<p>菜</p>
								</div>
							</a>
						</div>
					</div>

					<div class="col-md-4 portfolio_grid_w3ls">
						<div class="view second-effect">
							<a class="zb" rel=" " title="味道不错的哦">
								<img src="img/ms10.jpg" alt="" class="img-responsive" />
								<div class="mask">
									<p>螃蟹</p>
								</div>
							</a>
						</div>
					</div>

					<div class="col-md-4 portfolio_grid_w3ls">
						<div class="view second-effect">
							<a class="zb" rel=" " title="味道不错的哦">
								<img src="img/ms13.jpg" alt="" class="img-responsive" />
								<div class="mask">
									<p>小龙虾</p>
								</div>
							</a>
						</div>
					</div>

				</div>
			</div>
		</div>
		<!--***顶部结束********-->

		<!--下部开始-->
		<div class="portfolio" id="portfolio" style="padding-bottom: 214px;">
			<div class="container">
				<h3>烧烤类</h3>
				<!--<p class="aut1">烧烤类</p>-->
				<div class="portfolio_grid_w3lss">
					<div class="col-md-4 portfolio_grid_w3ls">
						<div class="view second-effect">
							<a class="zb" rel=" " href="img/sk1.jpg" title="湛江的特色哦">
								<img src="img/sk1.jpg" alt="" class="img-responsive" />
								<div class="mask">
									<p>生蚝</p>
								</div>
							</a>
						</div>
					</div>
					<div class="col-md-4 portfolio_grid_w3ls">
						<div class="view second-effect">
							<a class="zb" rel=" " href="img/sk2.jpg" title="湛江的特色哦">
								<img src="img/sk2.jpg" alt="" class="img-responsive" />
								<div class="mask">
									<p>生蚝</p>
								</div>
							</a>
						</div>
					</div>
					<div class="col-md-4 portfolio_grid_w3ls">
						<div class="view second-effect">
							<a class="zb" rel=" " href="img/sk3.jpg" title="湛江的特色哦">
								<img src="img/sk3.jpg" alt="" class="img-responsive" />
								<div class="mask">
									<p>生蚝</p>
								</div>
							</a>
						</div>
					</div>
					<div class="col-md-4 portfolio_grid_w3ls">
						<div class="view second-effect">
							<a class="zb" rel=" " href="images/9.jpg" title="味道棒棒的哦">
								<img src="img/sk13.jpg" alt="" class="img-responsive" />
								<div class="mask">
									<p>烤豆腐</p>
								</div>
							</a>
						</div>
					</div>
					<div class="col-md-4 portfolio_grid_w3ls">
						<div class="view second-effect">
							<a class="zb" rel=" " href="images/10.jpg" title="味道棒棒的哦">
								<img src="img/sk5.jpg" alt="" class="img-responsive" />
								<div class="mask">
									<p>烤串串</p>
								</div>
							</a>
						</div>
					</div>
					<div class="col-md-4 portfolio_grid_w3ls">
						<div class="view second-effect">
							<a class="zb" rel=" " href="images/6.jpg" title="味道棒棒的哦">
								<img src="img/sk10.jpg" alt="" class="img-responsive" />
								<div class="mask">
									<p>烤虾</p>
								</div>
							</a>
						</div>
					</div>
					<div class="col-md-4 portfolio_grid_w3ls">
						<div class="view second-effect">
							<a class="zb" rel=" " href="images/7.jpg" title="味道香喷喷的哦">
								<img src="img/sk7.jpg" alt="" class="img-responsive" />
								<div class="mask">
									<p>烤肠</p>
								</div>
							</a>
						</div>
					</div>
					<div class="col-md-4 portfolio_grid_w3ls">
						<div class="view second-effect">
							<a class="zb" rel=" " href="images/8.jpg" title="味道香喷喷的哦">
								<img src="img/sk6.jpg" alt="" class="img-responsive" />
								<div class="mask">
									<p>烤鸡翅</p>
								</div>
							</a>
						</div>
					</div>
					<div class="col-md-4 portfolio_grid_w3ls">
						<div class="view second-effect">
							<a class="zb" rel=" " href="images/9.jpg" title="味道香喷喷的哦">
								<img src="img/sk14.jpg" alt="" class="img-responsive" />
								<div class="mask">
									<p>烤茄子</p>
								</div>
							</a>
						</div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<!--下部结束-->

		<!--底部-->
		<footer id="footer">
			<div class="container">
				<p>版权归湛江人民所有</p>
				<p>如有事联系:13018596132</p>
			</div>
		</footer>
	</body>

	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>

</html>